<template>
  <div id="app">
     <el-menu
        class="el-menu-demo"
        mode="horizontal"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b">
        <el-menu-item index="1">学院管理系统</el-menu-item>
        <router-link to='/'>
          <el-menu-item index="2">首页</el-menu-item>
        </router-link>
        <router-link to='/st'>
          <el-menu-item index="3">学生管理</el-menu-item>
        </router-link>
        <router-link to='/Qd'>
        <el-menu-item index="4"> 签到管理</el-menu-item>
        </router-link>
        <!-- <router-link to='/rbF'>
        <el-menu-item index="5">学习日报管理</el-menu-item>
        </router-link> -->
        <router-link to='/rb'>
        <el-menu-item index="5">学习日报管理</el-menu-item>
        </router-link>
      </el-menu>
    <router-view/>
  </div>
</template>

<script>
export default {
  data(){
    return{
      activeIndex: '2',
    }
  }
  // name: 'app'
}
</script>

<style>
#app {
 
}
</style>

